/*
懒加载:需要target,还需要api方法,提供list数据
target:需要监测的dom
*/
import { useIntersectionObserver } from '@vueuse/core'
import {ref} from 'vue'
export function lazyLoad(api) {
    const list = ref([])
    const target=ref(null)//相应数据,需要暴露出去,外界获取dom
    const { stop } = useIntersectionObserver(
        target,
        ([{ isIntersecting }]) => { //是否进入可视区域
        if (isIntersecting) {
            stop()
            api().then(res => {
                list.value=res.result
            })
        }
    },
        {
        threshold:0 //可是区域占比
    })
    return {list,target}
}




